<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>Calendar AppTest: Sesion Started</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<meta name="title" content="Calendar Example by Adriano Lurati"/> 
	<meta name="keywords" content="calendar, adriano, lurati" /> 
	<link rel="stylesheet" type="text/css" media="screen" href="./css/main.css" /> 
</head>
<body>
	<div class="main-wrap">
		<h1 class="hideit">Calendar example</h1>
		<div class="con-calendar">
			<div class="mod-userinfo">
				<span>Username</span>
				<form class="mod-search contSearch alignRight" action="calendar.php" id="form1" method="post">
					<div class="rounded eventSearch sSmall">
						<label class="searchText" for="searchText">Search</label>
						<input class="search" id="searchText" type="text" value="Search" />
						<div class="resetSearch"></div>
					</div>
					<input class="searchButtonCal" value="Search" type="button" id="search" name="tos" />
				</form>
			</div>
			<div class="mod-calendar rounded">
				<div class="monthYear">
				<a href="#"><span class="leftArrow ui-arrow" /><span>June</span></a>
					<a href="#"><span class="rightArrow ui-arrow alignRight" /><span>2011</span></a>
				</div>
				<table>
					<thead>
					<tr>
						<th>Su</th>
						<th>Mo</th>
						<th>Tu</th>
						<th>We</th>
						<th>Th</th>
						<th>Fr</th>
						<th>Sa</th>
					</tr>
					</thead>
					<tbody>
					<tr class="weeks">
						<td class="days">
							<div class="day previous">29</div>
						</td>
						<td class="days">
							<div class="day previous">30</div>
						</td>
						<td class="days">
							<div class="day previous">31</div>
						</td>
						<td class="days inactive">
							<div class="day">1</div>
						</td>
						<td class="days active today">
							<div class="day">2</div>
						</td>
						<td class="days active">
							<div class="day">3</div>
						</td>
						<td class="days active">
							<div class="day">4</div>
						</td>						
					</tr>
					<tr class="weeks">
						<td class="days active">
							<div class="day">5</div>
						</td>
						<td class="days active">
							<div class="day">6</div>
						</td>
						<td class="days active">
							<div class="day">7</div>
						</td>
						<td class="days active">
							<div class="day">8</div>
							<ul class="event-list">
								<li><a class="eventName" href="#" rel="./delete.php" >Doctor Appointment</a></li>
							</ul>
						</td>
						<td class="days active">
							<div>9</div>
						</td>
						<td class="days active">
							<div>10</div>
						</td>
						<td class="days active">
							<div>11</div>
						</td>						
					</tr>
					<tr class="weeks">
						<td class="days active">
							<div>12</div>
						</td>
						<td class="days active">
							<div>13</div>
						</td>
						<td class="days active">
							<div>14</div>
						</td>
						<td class="days active">
							<div class="day">15</div>
							<ul class="event-list">
								<li><a class="eventName" href="#" rel="./edit.php" >Doctor Appointment</a></li>
								<li><a class="eventName" href="#" rel="./edit.php"  >Doctor Appointment</a></li>
								<li><a class="eventName" href="#" rel="./edit.php"  >Doctor Appointment</a></li>
								<li><a class="eventName" href="#" >Doctor Appointment</a></li>
							</ul>
						</td>
						<td class="days active">
							<div>16</div>
						</td>
						<td class="days active">
							<div>17</div>
						</td>
						<td class="days active">
							<div>18</div>
						</td>						
					</tr>
					<tr class="weeks">
						<td class="days active">
							<div>19</div>
						</td>
						<td class="days active">
							<div>20</div>
						</td>
						<td class="days active">
							<div>21</div>
						</td>
						<td class="days active">
							<div>22</div>
						</td>
						<td class="days active">
							<div>23</div>
						</td>
						<td class="days active">
							<div>24</div>
						</td>
						<td class="days active">
							<div>25</div>
						</td>
					</tr>
					<tr class="weeks">
						<td class="days active">
							<div>26</div>
						</td>
						<td class="days active">
							<div>27</div>
						</td>
						<td class="days active">
							<div>28</div>
						</td>
						<td class="days active">
							<div>29</div>
						</td>
						<td class="days active">
							<div>30</div>
						</td>
						<td class="days next">
							<div>1</div>
						</td>
						<td class="days next">
							<div>2</div>
						</td>
					</tr>
					</tbody>
				</table>
				<div class="cleaner"></div>
			</div>
		</div> 		

	</div>

	<div class="main-wrap mod-footer">
		<a href="http://www.w3.org/Icons/valid-xhtml10-blue"><img alt="Valid XHTML10" src="http://www.w3.org/Icons/valid-xhtml10-blue.png" /></a>	
	</div>	
	
	<script type="text/javascript" src="./js/jquery.min.js"></script> 	
	<script type="text/javascript" src="./js/jquery.ui.min.js"></script>
	<script type="text/javascript" src="./js/jquery.cluetip.min.js"></script> 	
	<script type="text/javascript" src="./js/jquery.ui.timepicker.js"></script> 	
	<script type="text/javascript" src="./js/main.js"></script> 	
</body>
</html>
